<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网页定位导航--Photo</title>
	<link rel="stylesheet" type="text/css" href="styles/style.css">
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
	<!-- 导航 -->
	<div id="menu">
		<ul>
			<li><a href="#item1" class="current">1F Blue Sky</a></li>
			<li><a href="#item2">2F Sunset</a></li>
			<li><a href="#item3">3F Starry Sky</a></li>
			<li><a href="#item4">4F Falls</a></li>
			<li><a href="#item5">5F Boat</a></li>
		</ul>
	</div>
	<!-- 标题 -->
	<div id="content">
		<h1>Travel</h1>
	
		<!-- 项目分类 -->
		<div id="item1" class="item">
			<p>Blue Sky</p>
			<ul>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
				<li><a href="#"><img src="images/pic1.jpg" /></a></li>
			</ul>
		</div>
		<div id="item2" class="item">
			<p>Sunset</p>
			<ul>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
				<li><a href="#"><img src="images/pic2.jpg" /></a></li>
			</ul>
		</div>
		<div id="item3" class="item">
			<p>Starry Sky</p>
			<ul>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
				<li><a href="#"><img src="images/pic3.jpg" /></a></li>
			</ul>
		</div>
		<div id="item4" class="item">
			<p>Falls</p>
			<ul>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
				<li><a href="#"><img src="images/pic4.jpg" /></a></li>
			</ul>
		</div>
		<div id="item5" class="item">
			<p>Boat</p>
			<ul>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
				<li><a href="#"><img src="images/pic5.jpg" /></a></li>
			</ul>
		</div>
	</div>

	<script src="scripts/script.js"></script>
</body>
</html>